.productDetails{
  overflow: hidden;
  .myOrderBtn{
    display: none;
  }
  .productBannerWrap{
  }
  .BannerWrap{
    background: #fff;
  }
  .productBanner{
    width: 100%;
    .Banner{
      li{
        overflow: hidden;
      }
    }
  }
  .pagination{
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
    z-index: 9999;
    .swiper-pagination-bullet-active{
      background: #10bc0e!important;
    }
    .swiper-pagination-bullet{
      background: #fff;
    }
  }

  .TextDetails{
    background: #fff;

    .property{
      padding: 0 15px;
      h1{
        font-size: $size-m-large;
        color:#333;
        padding: 1.2rem 0;
        font-weight: normal;
      }
      .price{
        padding-bottom:1.2rem;
        span:first-child{
          font-size: $size-m-large;
          color:#ff5d32;
          margin-right: 20px;
        }
        span:last-child{
          font-size: $size-small;
          color:#999;
          .price_p{
            color:#ff5d32;
          }
        }
      }
      .freightSale{
        color:#999;
        font-size: $size-small;
        padding-bottom: 1.2rem;
        span:first-child{
          width: 50%;
          display: inline-block;
          text-align: left;
        }
        span:last-child{
          width: 50%;
          display: inline-block;
          text-align: right;
        }
      }
    }
      .select_product{
        font-size: $size-normal;
        color:#333;
        height: 40px;
        line-height: 40px;
        margin: 0 15px;
        padding-right: 15px;
        background: url("../images/icon_arrow_right.png") no-repeat ;
        background-position:  right center;
        background-size: 15px 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-user-select: none;-webkit-tap-highlight-color: rgba(200,200,200,0);
      }
    }

  .ProductImg{
    margin-top: 5px;
  }

  .buyBtn{

  }
}



.layui-m-layershade{
background-color: rgba(0,0,0,.5)!important;
  //z-index: 99999;
}


.layui-m-layercont{
  //padding: 0!important;
  .product-dialog-title{
    height: 3rem;
    line-height: 3rem;
    //padding: 0 15px!important;
    h1{
      font-size: $size-large;
      font-weight: normal;
      overflow: hidden;
      display: flex;
      display: -webkit-flex;
      a:first-child{
        color:#333;
        flex: 1;
        -webkit-box-flex: 1;
        padding-left:15px!important;
      }
      a:last-child{
        flex: 1;
        -webkit-box-flex: 1;
        color:#ff5d32;
        text-align: right;
        padding-right:15px!important;
      }
    }
  }
    h2{
      font-size: $size-normal;
      color:#333;
      text-align: left;
      padding-bottom: 2px ;
      line-height: 1;
      font-weight: normal;
    }

  .product-models{
    padding:  15px!important;
  }
  .product-size{
    padding: 15px!important;
  }
  .product-number{
    padding:  15px!important;
    .product-number-wrap{
      display: flex;
      display: -webkit-flex;
    }
    h2{
      -webkit-box-flex:1;
      flex: 1;
      line-height: inherit;
      font-weight: normal;
    }
    .btn{
      display: block;
      height: 2rem;
      width: 100%;
      position: relative;
      background: #efefef;
      border-radius: 4px;

    }
    .btn:before, .btn:after{
      border-color:#ddd;
      position: absolute;
      top: 50%;
      left:30%;
      border-bottom: 1px solid #878787;
      width: 10px;
      content: '';
      transform: translate(0,-50%);
    }
    .btn-minus{
      width: 2rem;
      cursor: pointer;
      background: #fefefe;
      -webkit-tap-highlight-color:rgba(0,0,0,0);
    }
    .btn-input{
      width: 3rem;
      border-left:.08rem solid #fff;
      border-right: .08rem solid #fff;
      background: #efefef;
      border-radius: 4px;
      color:#333;
      margin-left: 5px;
      margin-right: 5px;
      input{
        width: 100%;
        height: 2rem;
        text-align: center;
        background-color:transparent;
        min-height:1.5rem;
        border: none;
        color:#333;
        -webkit-appearance: none;
      }
    }
    .btn-plus{
      width: 2rem;
      cursor: pointer;
      -webkit-tap-highlight-color:rgba(0,0,0,0);
      .plus:before{
        transform: rotate(90deg);
      }
    }
  }

  ul{
    text-align: left;
    li{
      display: inline-block;
      height:2rem;
     line-height: 2rem;
      text-align: center;
      border-radius:0.16rem;
      padding: 0 10px;
      box-sizing: border-box;
      margin: 0.9rem 0.9rem  0 0;
      cursor: pointer;
      background: #efefef;
      color:#999;
      font-size: $size-small;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    li.sel{
      background: #ff5d32;
      color:#fff;
    }
  }
}

.sureBtn{
  height: 3.3rem;
  line-height: 3.3rem;
  background: #ff5d32;
  text-align: center;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 99999999999999;
  a{
    color:#fff;
    height: 100%;
    font-size: $size-v-large;
  }
  a:active{
    background: #fb3804;
  }
}

.main {
  /* main绝对定位，进行内部滚动 */
  position: absolute;
  top:3.5rem;
  width: 100%;
  bottom: 3.3rem;
  /* 使之可以滚动 */
  overflow-y: scroll;
  /* 增加该属性，可以增加弹性，是滑动更加顺畅 */
  -webkit-overflow-scrolling: touch;
}

.noClick{
  background: #fafafa!important;
}

.forbidClick{
  color:#ccc!important;
  background: #fcfcfc!important;
}

